<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="webroot" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1">
    <meta http-equiv="refresh" content="0; url=tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=96039491">
    <title>关于张斌</title>
    <link rel="stylesheet" href="${webroot }/static/style.css" type="text/css" media="all">
    <link rel="shortcut icon" href="${webroot }/static/favicon.ico">
</head>
<body class="">
    
    <div class="section-header shrink">
        <div class="section">
            <nav class="nav" role="navigation">
                <ul>
                    <li class="nav-about fade fade1 fade-in hover"><a href="#about">关于</a></li>
                    <li class="nav-works fade fade4 fade-in"><a href="#works">作品</a></li>
                    <li class="fade back-home" style="opacity: 1;"><a href="#top">首页</a></li>
                    <li class="nav-skill fade fade2 fade-in"><a href="#skill">能力</a></li>
                    <li class="nav-contact fade fade3 fade-in"><a href="#contact">联系</a></li>
                </ul>
            </nav>
        </div>
        <div class="nav-bg"></div>
    </div>
    <div class="home-bg">
        <img src="${webroot }/static/home-bg.jpg" alt="" width="1000" height="667" style="height: 960.48px; width: 1440px; margin-left: 0px;">
    </div>
    <div class="section-wrap section-fristpage">
        <div class="section" style="height: 755px;">
            <div class="section-content" style="margin-top: 234.5px;">
                <p class="fade fade1 fade-in">Hi，我是 张斌</p>
                <p class="fade fade2 fade-in">擅长JAVA，喜欢简约，打算走向全面的不归路 ~</p>
                <p class="fade fade3 fade-in">想了解更多，往下滚动哦 ^_^</p>
            </div>
            <a href="#" class="scroll-tip fade fade4 fade-in">向下滚动</a>
        </div>
    </div>
    <div id="about" class="section-wrap section-about">
        <div class="section" style="height: 755px;">
            <div class="about-content clearfix section-content" style="margin-top: 173.5px;">
                <div class="left">
                    <h1>关于本人</h1>
                    <p class="fade fade1 fade-in">............</p>
                    <p class="fade fade2 fade-in">............</p>
                    <p class="fade fade3 fade-in">我的独立博客（<a href="http://www.itzhangbin.com/" target="_blank">张斌的后花园</a>)</p>
                    <p class="fade fade4 fade-in">............</p>
                    <p class="fade fade5 fade-in">............</p>
                    <p class="fade fade6 fade-in">............</p>
                </div>
                <div class="right">
                    <img class="my-photo fade fade4 fade-in" src="${webroot }/static/about.jpg" alt="" width="356" height="308">
                </div>
            </div>
        </div>
    </div>
    <div id="works" class="section-wrap section-works">
        <div class="section" style="height: 755px;">
            <div class="works-content section-content" style="margin-top: 205.5px;">
                <h1>近期作品</h1>
                <div class="works-list clearfix">
                    <div class="works-item first fade fade1 fade-in">
                        <a href="http://asone.itzhangbin.com/" target="_blank">
                            <img src="${webroot }/static/asone.jpg" alt="" width="300" height="180">
                            <div class="work-info">
                                <h2>asone管理系统</h2>
                                <p>
                                    <strong>开发时间</strong>：2016年1月<br>
                                    <strong>工作详情</strong>：独自开发 用户名 root 密码 123456
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="works-item fade fade2 fade-in">
                        <a href="http://asone.itzhangbin.com/" target="_blank">
                            <img src="${webroot }/static/asone.jpg" alt="" width="300" height="180">
                            <div class="work-info">
                                <h2>asone管理系统</h2>
                                <p>
                                    <strong>开发时间</strong>：2016年1月<br>
                                    <strong>工作详情</strong>：独自开发 用户名 root 密码 123456
                                </p>
                            </div>
                        </a>
                    </div>
                    <div class="works-item fade fade3 fade-in">
                        <a href="http://asone.itzhangbin.com/" target="_blank">
                            <img src="${webroot }/static/asone.jpg" alt="" width="300" height="180">
                            <div class="work-info">
                                <h2>asone管理系统</h2>
                                <p>
                                    <strong>开发时间</strong>：2016年1月<br>
                                    <strong>工作详情</strong>：独自开发 用户名 root 密码 123456
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="skill" class="section-wrap section-skill">
        <div class="section" style="height: 755px;">
            <div class="skill-content section-content" style="margin-top: 150.5px;">
                <h1>技能水平</h1>
                <ul>
                    <li class="fade fade1 fade-in">....</li>
                    <li class="fade fade2 fade-in">....</li>
                    <li class="fade fade3 fade-in">....</li>
                    <li class="fade fade4 fade-in">....</li>
                    <li class="fade fade5 fade-in">....</li>
                    <li class="fade fade6 fade-in">....</li>
                    <li class="fade fade7 fade-in">....</li>
                    <li class="fade fade8 fade-in">....</li>
                    <li class="fade fade9 fade-in">....</li>
                    <li class="fade fade10 fade-in">....</li>
                    <li class="fade fade11 fade-in">....</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="contact" class="section-wrap section-contact">
        <div class="section" style="height: 755px;">
            <div class="contact-content clearfix section-content" style="margin-top: 268px;">
                <h1>联系本人</h1>
                <div class="left">
                    <div class="contact-ways fade fade1 fade-in">
                        <h2>社交网络</h2>
                        <ul>
                            <li>邮箱：<a target="_blank" href="mailto:960339491@qq.com">960339491@qq.com</a></li>
                            <li>Q Q ：960339491</li>
                            <li>昵称 ：千寻啊千寻</li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="overlay"></div>
    
    <script src="${webroot }/static/hm.js"></script>
    <script type="text/javascript" src="${webroot }/static/jquery-1.9.1.min.js"></script>
    <script src="${webroot }/static/global.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?89e36e1431695fd173e2326ff4541313";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>



</body></html>